<!DOCTYPE html>
<html>
	<head>
		<!-- Basic -->
    <meta charset="UTF-8" />
		<title>CSS3 | Learn</title>
		<!-- Mobile Metas -->
	  <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> -->
		<!-- <link href="css/bootstrap.min.css" rel="stylesheet" /> -->
		<link href="css/style0.css" type="text/css" rel="stylesheet" />
		<!-- 内联样式表 -->
		<style>
			h1{
				color: sienna;
			}
		</style>
	</head>
  <body>
    <!-- <div id="position1"></div>
    <div id="position2"></div> -->
    <table border="1">
      <tr>
        <td>内边距</td>
      </tr>
    </table>
    <p>CSS样式</p>
    <div class="mg">
      外边距
    </div>
    <!-- 外边距合并 -->
    <div class="container">
      <div class="bd">
        <div class="pd">
          <div class="content">
            这是内容
          </div>
        </div>
      </div>
    </div>

    <div class="container1">
      <div class="bd1">
        <div class="pd1">
          <div class="content1">
            这是内容
          </div>
        </div>
      </div>
    </div>
    <div class="test">
      11
    </div>
    <!-- <script type="text/javascript">
      for(var i = 0; i<100; i++) {
        document.write(i+'<br />');
      }
    </script> -->
  </body>

</html>
